<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title>用户管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <link rel="stylesheet" href="../css/font.css">
    <link rel="stylesheet" type="text/css" href="../layui/dist/css/layui.css"/>
    <link rel="stylesheet" href="../css/xadmin.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

    <script type="text/javascript" src="../js/xadmin.js"></script>
    <link rel="stylesheet" type="text/css" href="../css/renshi.css"/>
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../js/yonghu.js"></script>
    <script type="text/javascript" src="../layui/dist/layui.js"></script>
</head>
<body onload="chaxundefangfa()">
<div class="box1">
    <form class="layui-form">
        <p style="font-size: 10px;">系统设置>>用户管理</p><br>
        <table class="layui-table" width="98%" align="center">
            <tr align="center">
                <td>用户名称：</td>
                <td><input type="text" class="layui-input fileCoding userName"/></td>
                <td>用户角色：</td>
                <td><select name="shenhe" class="checkStatus rname">
                    <option value="">--请选择--</option>
                    <option value="公司领导">公司领导</option>
                    <option value="人力资源部负责人">人力资源部负责人</option>
                    <option value="人事经理">人事经理</option>
                    <option value="人事专员">人事专员</option>
                    <option value="薪酬经理">薪酬经理</option>
                    <option value="薪酬专员">薪酬专员</option>
                    <option value="系统管理员">系统管理员</option>
                </select></td>
                <td>所属部门：</td>
                <td><select name="shenhe" class="fstatus brName">
                    <option value="">--请选择--</option>
                    <option value="总裁办">总裁办</option>
                    <option value="教育产品发展部">教育产品发展部</option>
                    <option value="职业教育研究院">职业教育研究院</option>
                    <option value="区域市场发展一部">区域市场发展一部</option>
                    <option value="区域市场发展二部">区域市场发展二部</option>
                    <option value="区域市场发展三部">区域市场发展三部</option>
                    <option value="产品管理部">产品管理部</option>
                    <option value="质量管理部">质量管理部</option>
                    <option value="产品设计中心">产品设计中心</option>
                    <option value="平台研发中心">平台研发中心</option>
                    <option value="人力资源中心">人力资源中心</option>
                    <option value="财务部">财务部</option>
                </select></td>
                <td>
                    <button type="button" style="border-radius: 0px" class="layui-btn rbtn" onclick="chaxundefangfa()">
                        &nbsp;&nbsp;查&nbsp;询&nbsp;&nbsp;
                    </button>
                </td>
                <td>
                    <a href="/xm/yonghutianjia">
                        <button type="button" class="layui-btn layui-btn-warm" id="anniu">
                            <i class="layui-icon">&#xe608;</i>添加
                        </button>
                    </a>
                </td>
            </tr>
        </table>
        <table border="1" class="layui-table table-page">
            <tr>
                <td><b>序号</b></td>
                <td><b>用户编码</b></td>
                <td><b>用户名称</b></td>
                <td><b>用户角色</b></td>
                <td><b>所属部门</b></td>
                <td width="11%"><b>操作</b></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
        </table>
    </form>
    <div class="zuihou" align="center">
        <button type="button" class="layui-btn" onclick="start()">
            <i class="layui-icon">&#xe603;</i>首页
        </button>
        <button type="button" class="layui-btn" onclick="prev()">
            <i class="layui-icon">&#xe65a;</i>上一页
        </button>
        &nbsp;&nbsp;&nbsp;
        <p class="weiba2" style="display: inline-block;"><span class="showPage">1/1</span></p>
        &nbsp;&nbsp;&nbsp;
        <button type="button" class="layui-btn" onclick="next()">
            下一页<i class="layui-icon">&#xe65b;</i>
        </button>
        <button type="button" class="layui-btn" onclick="end()">
            尾页<i class="layui-icon">&#xe602;</i>
        </button>&nbsp;&nbsp;
    </div>
</div>
<script>
    layui.use('form', function () {
        var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功

        //……

        //但是，如果你的HTML是动态生成的，自动渲染就会失效
        //因此你需要在相应的地方，执行下述方法来手动渲染，跟这类似的还有 element.init();
        form.render();
    });
</script>
</body>
</html>
